<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('新增-承办部门')"/>
    <link th:href="@{/ajax/libs/bootstrap-tagsinput/tagsinput.css}" rel="stylesheet">
    <link th:href="@{/ajax/libs/jQuery-ui/jquery-ui.css}" rel="stylesheet">

</head>
<style>
    .bootstrap-tagsinput > input {
        display: none;
    }
    label {
        font-weight: bold;
    }

    @font-face {
        font-family: 'huawen';
        src: url("/fonts/huawen.woff2");
    }
</style>

<body style="background-color: #F4F6FA; font-size: 13px;font-family:'huawen' ;font-weight: bold">
<div class="main-content" style="margin: 0;padding: 0">

    <form id="form-user-add" th:object="${tworkFormBase}" class="form-horizontal" style="background-color: #F4F6FA">
        <input type="hidden" value="-1" name="callId">
        <input type="hidden" value="-1" name="tapeId">
        <input type="hidden" th:value="${param.sbId}" name="pkId">
        <input type="hidden" th:value="${param.resendType}" name="resendType">
        <div class="col-sm-12" style="display: flex">
            <div class="col-sm-12 entering-page">
                <!--    承办部门    -->
                <div class="col-sm-12 tltieBoder">
                    <div class="blueBorder"></div>
                    <h4 style="margin:0 0 0 10px">管理窗口-承办部门</h4>
                </div>
                <!-- 工单编号,工单性质..-->
                <div class="col-sm-12 work-top">
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle">工单编号</label>
                        <div class="col-sm-8">
                            <input type="text" name="workFormNo" th:field="*{workFormNo}" disabled value="123"
                                   class="form-control" id="workNumber"
                                   placeholder="请输入名称">
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle">工单性质</label>
                        <div class="col-sm-8">
                            <select name="setProId" id="workCharacter" class="form-control m-b phoneCategory">
                                <option value="">-请选择-</option>
                                <option value="11" selected>普通工单</option>
                                <option value="21">督办工单</option>
                                <option value="31">呈批工单</option>
                            </select>
                            <input type="hidden" name="setProName">
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle">工单主题</label>
                        <div class="col-sm-8">
                            <input type="text" name="fromTopic" th:field="*{wsTopic}" class="form-control" id="workSubject"
                                   placeholder="请输入名称">
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle is-required">承办单位</label>
                        <div class="col-sm-8">
                            <input type="text" name="sbdeptName" class="form-control" id="deptShort" placeholder="" autocomplete="off"
                                   onclick="SelectDept()" required="required">
                            <input type="hidden" name="sbdeptId" id="noUnit">
                            <input type="hidden" name="zpFlag" id="zpFlag" value="0">
                            <div class="input-group-append " style="position: absolute;top: 10px;right: 20px;">
                                <span class="glyphicon glyphicon-list-alt" style="color: #206ef7"></span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle is-required">办理期限</label>
                        <div class="col-sm-8">
                            <input type="text" name="backLimit" th:value="${@commonServiceImpl.getDeptBackLimit('__${deptId}__',5)}"
                                   class="form-control transaction" id="transaction"
                                   placeholder="请输入名称" required="required">
                            <div class="input-group-append " style="position: absolute;top: 10px;right: 20px;">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle is-required">交办次序</label>
                        <div class="col-sm-8">
                            <select name="seqCode" id="workOrder" class="form-control m-b phoneCategory" required="required">
                                <option value="">-请选择-</option>
                                <option value="10" selected>初次交办</option>
                                <option value="20">再次交办</option>
                                <option value="30">三次交办</option>
                            </select>
                            <input type="hidden" value="初次交办" name="seqName">
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle is-required">办理性质</label>
                        <div class="col-sm-8">
                            <select name="sortCode" class="form-control m-b phoneCategory" required="required">
                                <option value="">-请选择-</option>
                                <option value="11" selected>主办</option>
                                <option value="21"></option>
                            </select>
                            <input type="hidden" name="sortName" value="主办">
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle">办理方式</label>
                        <div class="col-sm-8">
                            <select name="dealCode" id="transactionWay" class="form-control m-b phoneCategory" required="required">
                                <option value="">-请选择-</option>
                                <option value="11" selected>研究办理</option>
                                <option value="21">酌情办理</option>
                            </select>
                            <input type="hidden" name="dealName" value="研究办理">
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle">派单时间</label>
                        <div class="col-sm-8">
                            <input type="text" name="sendTime" th:value="${sendTime}" disabled class="form-control workTime" id="workTime" placeholder="请输入名称">
                        </div>
                    </div>
                    <!--是否允许退回-->
                    <div class="form-group col-sm-4">
                        <label class="col-sm-4 control-label is-required" style="color: #184ce9;">允许退回：</label>
                        <div class="col-sm-8" style="color: #184ce9;">
                            <label class="check-box">
                                <input name="isGoBack" value="0" type="radio" checked>允许
                            </label>
                            <label class="check-box">
                                <input name="isGoBack" value="1" type="radio">不允许
                            </label>
                        </div>
                    </div>
                </div>
                <!--工单备注-->
                <div class="col-sm-12">
                    <div class="form-group col-sm-12">
                        <label class="control-label formTitle">办理要求</label>
                        <div class="col-sm-9">
                            <textarea name="sendDesc" id="sendDesc" maxlength="1000" class="form-control workRemark" rows="3"
                                      style="height: 150px">请 xxx 调查处理后直接与来话人联系，并将处理结果抄复我办。请注意来话人个人信息保密。</textarea>
                            <span>还可以输入<i class="workRemarkI">1000</i>个文字</span>
                        </div>
                    </div>
                </div>
                <!--办理期限,备注..-->
                <div class="col-sm-12 work-top">
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle">派单备注</label>
                        <div class="col-sm-8">
                            <input name="sendRemark" type="text" class="form-control" id="remark" placeholder="请输入名称">
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle">派发单位</label>
                        <div class="col-sm-8">
                            <input name="sdeptName" th:value="${sdeptName}" type="text" class="form-control" id="sdeptName"
                                   placeholder="请输入名称">
                            <input type="hidden" name="sdeptId" id="sdeptId" th:value="${sdeptId}">
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label formTitle">派发人</label>
                        <div class="col-sm-8">
                            <input name="suserName" th:value="${suserName}" type="text" class="form-control"
                                   id="distributePerson"
                                   placeholder="请输入名称">
                            <input type="hidden" name="suserNo" th:value="${suserNo}">
                        </div>
                    </div>
                    <input name="deptId" id="deptId" th:value="${deptId}" type="hidden">
                    <input name="fpDirect" id="fpDirect" type="hidden">
                </div>
            </div>
        </div>
    </form>
</div>

<script th:src="@{/ajax/libs/layui/laydate.js}"></script>
<th:block th:include="include :: footer"/>
<!--<th:block th:include="include :: select2-js" />-->
<script th:src="@{/ajax/libs/jquery-jqPaginator/jqPaginator.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-tagsinput/tagsinput.min.js}"></script>
<script th:src="@{/ajax/libs/jQuery-ui/jquery-ui.js}"></script>
<script th:src="@{/js/deptdiag.js}"></script>


<script>
    var prefix = ctx + "system/mTelWF";
    var sendBack = ctx + "system/sendBack";
    let wfId = [[${wfId}]];
    let getDealPk=[[${getDealPk}]];
    let pid=[[${pid==null?0:pid}]];
    var layerIndex = [[${param.layerIndex == null ? 0 :param.layerIndex}]];

    function submitHandler(pFrame) {
        if ($('#sdeptId').val().indexOf($('#deptId').val())) {
            $('#fpDirect').val(1);
        } else {
            $('#fpDirect').val(0)
        }
        var pkId = $("[name='pkId']").val();
        if(pkId==''){
            $("[name='pkId']").val(0);
        }
        if ($.validate.form()) {
            let data = $('#form-user-add').serializeArray();
            data.push({name: "wfId", value: wfId});
            data.push({name: "getDealPk", value: getDealPk});
            data.push({name: "pid", value: pid});
            // $.operate.save(sendBack + '/simulacrum',data);
            var config = {
                url: sendBack + '/simulacrum',
                type: "post",
                dataType: "json",
                data: data,
                async: false,
                success: function (result) {
                    $.modal.msgSuccess(result.msg);
                    $.modal.close();
                    if(pFrame) pFrame.contentWindow.$.table.refresh();
                }
            };
            $.ajax(config);
        }
    }

    function SelectDept(){
        var config = {
            id: 'selectDeptDialog',
            title:'选择承办部门<span style="color:red;margin-left: 30px;">双击选中部门</span>',
            width:'1050',
            height:'550',
            url: ctx + 'system/mTelWF/cmnFile/deptAllM',
            skin: 'layui-layer-gray',
            btn: ['关闭'],
            yes: function (index, layero) {
                top.layer.close(index);
            }
        };
        $.modal.openOptions(config);
    }

    function SonBackSingle(idS, nameS, zpFlagS) {
        $('#deptShort').val(nameS);
        $('#noUnit').val(idS);
        if (zpFlagS !== undefined)
            $('#zpFlag').val(zpFlagS);
        let sendDesc = $('#sendDesc').val();
        let endIndex = sendDesc.indexOf(" 调");
        let substring = sendDesc.substring(2,endIndex);
        $('#sendDesc').val(sendDesc.replace(substring,nameS));
    }

    function SonDirectSingle(sdeptNo, sdeptName, dNo, dName) {
        $('#deptShort').val(dName);
        $('#noUnit').val(dNo);
        $('#sdeptName').val(sdeptName);
        $('#sdeptId').val(sdeptNo);
    }

</script>
</body>
</html>

